<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link href="../css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="../css/complaint.css" />
</head>

<body class="gray">
	<div id="refreshContainer" class="mui-content mui-scroll-wrapper">
	    <div class="mui-scroll loading" id="vueMain">
	    		<div v-if="list.length==0">
	    			<p style="padding:50px 0; text-align: center;">您真棒,一个投诉也没有!</p>
	    		</div>
	    		<template v-else v-for="(item,index) in list">
	    			<ul class="mui-table-view">
			        <li class="mui-table-view-cell tls link" _id="order_detail" _href="order_detail.html" _title="订单明细" :_extras="'order='+item.order_no">
			        		<span class="status">订单详情</span>
			        		NO.{{item.order_no}}
			        </li>
			        <li class="mui-table-view-cell">	
			        		<div class="content link" _id="order_detail" _href="order_detail.html" _title="订单明细" :_extras="'order='+item.order_no">
			        			<div class="head">投诉内容</div>
			        			<div class="body">{{item.content}}</div>
			        		</div>
			        		<div class="imgBox" v-if="item.photo.length>0"> 
			        			<div class="mui-row" >
			        				<template v-for="ita in item.photo">
									<div class="mui-col-xs-3 mui-col-sm-3" >
										<div><img :src="ita" data-preview-src="" :data-preview-group="item.order_no" alt="" /></div>
									</div>
								</template>
							</div>
			        		</div>
			        		<div class="textmsg link" _id="order_detail" _href="order_detail.html" _title="订单明细" :_extras="'order='+item.order_no">
			        			<div class="mui-row">
			        				<div class="mui-col-xs-3">客户名称:</div>
			        				<div class="mui-col-xs-9">{{item.name}}</div>
			        				<div class="mui-col-xs-3">性别:</div>
			        				<div class="mui-col-xs-9">{{item.sex}}</div>
			        				<div class="mui-col-xs-3" v-if="item.mobile">联系电话:</div>
			        				<div class="mui-col-xs-9" v-if="item.mobile">{{item.mobile}}</div>
			        				<div class="mui-col-xs-3" v-if="item.email">邮箱:</div>
			        				<div class="mui-col-xs-9" v-if="item.email">{{item.email}}</div>
			        			</div>
			        		</div>
			        </li>
		    		</ul>
	    		</template>
	    		
	    </div>
	</div>
<script src="../js/mui.js"></script>
<script src="../js/vue.min.js"></script>
<script src="../js/mui.zoom.js"></script>
<script src="../js/mui.previewimage.js"></script>
<script src="../js/bexta.js"></script>
<script src="../js/complaint.js"></script>
</body>
</html>